<!-- <mat-card class="mat-elevation-z8" fxFlex>
    <mat-card-title>评论</mat-card-title>

    <mat-card-content>
      <ul>
        <li *ngFor="let comment of comments">
          <div>{{comment.createdUser}}</div>
          <quill-view-html [content]="comment.text" theme="snow"></quill-view-html>
        </li>
      </ul>
    </mat-card-content>

    <mat-card-actions>

      <quill-editor class="ngm-story-widget__comment-editor" [(ngModel)]="commenting">
        <div quill-editor-toolbar>
          <span class="ql-formats">
            <button class="ql-bold" [title]="'Bold'"></button>
          </span>
          <span class="ql-formats">
            <select class="ql-align" [title]="'Aligment'">
              <option selected></option>
              <option value="center"></option>
              <option value="right"></option>
              <option value="justify"></option>
            </select>
          </span>
        </div>
      </quill-editor>

      <div fxLayout="row" fxLayoutAlign="end center">
        <mat-checkbox [(ngModel)]="dataRelated">数据相关</mat-checkbox>
        <button mat-button color="accent" mat-dialog-close>Cancel</button>
        <button mat-raised-button color="accent" [disabled]="!commenting" (click)="onApplyComment()">Apply</button>
      </div>
    </mat-card-actions>
</mat-card> -->